﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Lets Deal - Administrator</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />

        <link href="~/Content/admin/css/twitter/bootstrap.css" rel="stylesheet">
        <link href="~/Content/admin/css/base.css" rel="stylesheet">
        <link href="~/Content/admin/css/twitter/responsive.css" rel="stylesheet">
        <link href="~/Content/admin/css/jquery-ui-1.8.23.custom.css" rel="stylesheet">
        <script src="~/Content/admin/js/plugins/modernizr.custom.32549.js"></script>

        <meta name="viewport" content="width=device-width" />
        @Styles.Render("~/Content/css")
        @Scripts.Render("~/bundles/modernizr")
    </head>
    <body>
        <header>
        </header>
        
        <div id="loading">
            <img src="~/Content/admin/img/ajax-loader.gif">
        </div>

        <div id="responsive_part">
            <div class="logo">
                <a href="/"></a>
            </div>
            <ul class="nav responsive">
                <li>
                    <btn class="btn btn-la1rge btn-i1nfo responsive_menu icon_item" data-toggle="collapse" data-target="#sidebar">
                        <i class="icon-reorder"></i>
                    </btn>
                </li>
            </ul>
        </div>

        <div id="sidebar" class="collapse">
            <div class="logo">
                <a href="/"></a>
            </div>
                        
            <ul id="sidebar_menu" class="navbar nav nav-list sidebar_box">
                <li class="accordion-group active">
                    <a href="#"><img src="~/Content/admin/img/menu_icons/dashboard.png" />Dashboard</a>
                </li>
                <li class="accordion-group">
                    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse1">
                        <img src="~/Content/admin/img/menu_icons/forms.png">Quản lý sản phẩm</a>
                    <ul id="collapse1" class="accordion-body collapse">
                        <li><a href="#">Quản lý danh mục</a></li>
                        <li><a href="#">Quản lý nhà cung cấp</a></li>
                        <li><a href="#">Quản lý sản phẩm</a></li>
                        <li><a href="#">Quản lý khu vực</a></li>
                        <li><a href="#">Quản lý đơn đặt hàng</a></li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse2">
                        <img src="~/Content/admin/img/menu_icons/widgets.png">Quản lý tin tức</a>
                    <ul id="collapse2" class="accordion-body collapse">
                        <li><a href="#">Tin tức</a></li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse3">
                        <img src="~/Content/admin/img/menu_icons/tables.png">Quản lý hệ thống</a>
                    <ul id="collapse3" class="accordion-body collapse">
                        <li><a href="tables_static.html">Quản lý tài khoản</a></li>
                        <li><a href="tables_dynamic.html">Quản lý quyền</a></li>
                    </ul>
                </li>
                <li class="accordion-group">
                    <a class="accordion-toggle widgets collapsed" data-toggle="collapse" data-parent="#sidebar_menu" href="#collapse4">
                        <img src="~/Content/admin/img/menu_icons/statistics.png">Cài đặt</a>
                    <ul id="collapse4" class="accordion-body collapse">
                        <li><a href="statistics.html">Đổi mật khẩu</a></li>
                    </ul>
                </li>
            </ul>

  <!-- End sidebar_box -->
            @*<div class="sidebar_box statistics visible-desktop">
                <div class="container">
                    <div class="title">
                        <i class="gicon-globe"></i> Estimated earnings
                    </div>
                    <div class="row-fluid fluid">
                        <div class="span6 pagination-centered">
                            <div class="row-fluid fluid">
                                <i class="icon-caret-up green medium span3"></i>
                                <span class="percent span3">7%</span>
                                <span class="bar1 span6">3,4,10,5,3,6,3</span>
                            </div>
                            <div class="row-fluid fluid">
                                <h2><strong>$11.37</strong></h2>
                            </div>
                            <div class="row-fluid fluid">
                                Today so far
                            </div>
                        </div>
                        <div class="span6 pagination-centered">
                            <div class="row-fluid fluid">
                                <i class="icon-caret-down red medium span3"></i>
                                <span class="percent span3">2%</span>
                                <span class="bar2 span6">1, 4, 6, 7,4, 2,4</span>
                            </div>
                            <div class="row-fluid fluid">
                                <h2><strong>$22.84</strong></h2>
                            </div>
                            <div class="row-fluid fluid">
                                Yesterday <i class="icon-question-sign muted inline" rel="tooltip" data-placement="right" data-original-title="Your total earnings accrued yesterday. This amount is an estimate that is subject to change when your earnings are verified for accuracy at the end of every month."></i>
                            </div>
                        </div>
                    </div>
      <!-- End .title -->
                    <div class="title row-fluid fluid">
                        <i class="gicon-refresh"></i> Real time stats
                    </div>
                    <div class="row-fluid fluid">
                        <div class="span6 pagination-centered">
                            <div class="row-fluid">
                                <div id="g1" class="gauge">
                                </div>
                            </div>
                        </div>
                        <div class="span6 pagination-centered">
                            <div class="row-fluid fluid">
                                <div id="g2" class="gauge">
                                </div>
                            </div>
                        </div>
        <!-- End row-fluid -->
                        <div class="row-fluid fluid">
                            <div id="real-time-sidebar" style="width:100%;height:65px;">
                            </div>
                        </div>
                        <div class="row-fluid fluid pagination-centered">
                            Page views <i class="icon-question-sign muted inline" rel="tooltip" data-placement="right" data-original-title="As an interesting side note, as a head without a body, I envy the dead. There's one way and only one way to determine if an animal is intelligent."></i>
                        </div>
                    </div>
      <!-- End .title -->
                </div>
            </div>*@
  <!-- End sidebar_box -->
        </div>

        <div id="main">

            <div class="container">
                <div class="container_top">
                    <div class="row-fluid ">
                        <div class="top_bar_stats to_hide_tablet">
                        </div>
        
                        <div class="top_right">
                            <ul class="nav search">
                                <li>
                                    <form class="form-search">
                                        <div class="input-append">
                                            <input type="text" class=" search-query" placeholder="Search..">
                                        </div>
                                    </form>
                                </li>
                            </ul>
                            <ul class="nav nav_menu">    
                                <li class="dropdown">
                                    <a class="dropdown-toggle administrator" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="#">
                                        <span class="icon"><img src="~/Content/admin/img/menu_top/profile-avatar.png"></span><span class="title">Administrator</span></a>
                                    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                        <li><a href="#"><i class=" icon-user"></i> My Profile</a></li>
                                        <li><a href="#"><i class=" icon-cog"></i>Settings</a></li>
                                        <li><a href="#"><i class=" icon-unlock"></i>Log Out</a></li>
                                        <li><a href="#"><i class=" icon-flag"></i>Help</a></li>
                                    </ul>
                                </li>
                                <li class="dropdown">
                                    <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="#">
                                        <span class="icon"><img src="~/Content/admin/img/menu_top/profile-messages.png"></span><span class="notifications">3</span>
                                    </a>
                                    <ul class="dropdown-menu messages" aria-labelledby="dLabel">
                                        <div class="container">
                                            <div class="heading">
                                                <span class="title"><i class="icon-comments"></i>Messages</span><span class="link"><a href="#">Send a new message</a></span>
                                            </div>
                                            <ul>
                                                <li>
                                                    <a href="#">
                                                        <div class="avatar">
                                                            <img src="img/message_avatar1.png"/>
                                                        </div>
                                                        <div class="container">
                                                            <span class="name">John Smith</span>
                                                            <span class="message"><i class="icon-share-alt"></i>The first thing I remember.. <br/></span>
                                                            <span class="date">Aug 8</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="avatar">
                                                            <img src="img/message_avatar2.png"/>
                                                        </div>
                                                        <div class="container">
                                                            <span class="name">Celeste Holm</span>
                                                            <span class="message"><i class="icon-share-alt"></i>What have you learned from.. <br/></span>
                                                            <span class="date">Aug 6</span>
                                                        </div>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="#">
                                                        <div class="avatar">
                                                            <img src="img/message_avatar3.png"/>
                                                        </div>
                                                        <div class="container">
                                                            <span class="name">Mark Jobs</span>
                                                            <span class="message"><i class="icon-share-alt"></i>Start it and stick with it.. <br/></span>
                                                            <span class="date">Jul 27</span>
                                                        </div>
                                                    </a>
                                                </li>
                                            </ul>
                                            <div class="footer">
                                                <a class="see_all">See All Messages <i class="icon-chevron-right"></i></a>
                                            </div>
                                        </div>
                                    </ul>
                                </li>
                            </ul>
                        </div>
            <!-- End top-right -->

                        <div class="span4">
                        </div>
                    </div>
                </div>
    <!-- End container_top -->
                <div id="container2">

                     <div class="row-fluid">
                         <div class="box gradient">
                             <div class="title">
                                 <div class="row-fluid">
                                     <div class="span6">
                                         <h4>
                                             <i class="icon-bar-chart"></i><span>@ViewBag.Title</span>
                                         </h4>
                                     </div>
              <!-- End .span6 -->
                                 </div>
            <!-- End .row-fluid -->
                             </div>
          <!-- End .title -->
                             <div class="content">
                                 <div id="placeholder" style="width:100%;height:auto;">

                                   <!--<div id="body">-->
                                        @*@RenderSection("featured", required: false)
                                        <section class="content-wrapper main-content clear-fix">
                                            @RenderBody()
                                        </section>*@
                                        @RenderSection("featured", required: false)
                                        @RenderBody()
                                    <!--</div>-->

                                 </div>
                             </div>
                         </div>
        <!-- End .box -->
                     </div>

                </div>
    <!-- End #container -->
            </div>
        </div>

        <footer>
        </footer>

        <script src="js/jquery.js"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/jquery.sparkline.min.js")"></script>
        <script src="@Url.Content("/admin/js/plugins/excanvas.compiled.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-transition.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-alert.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-modal.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-dropdown.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-scrollspy.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-tab.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-tooltip.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-popover.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-button.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-collapse.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-carousel.js")"></script>
        <script src="@Url.Content("/admin/js/bootstrap-typeahead.js")"></script>
        <script src="@Url.Content("/admin/js/fileinput.jquery.js")"></script>
        <script src="@Url.Content("/admin/js/jquery-ui-1.8.23.custom.min.js")"></script>
        <script src="@Url.Content("/admin/js/jquery.touchdown.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/flot/jquery.flot.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/flot/jquery.flot.stack.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/flot/jquery.flot.pie.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/flot/jquery.flot.resize.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/jquery.peity.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/datatables/js/jquery.dataTables.js")"></script>
        <script src="@Url.Content("/admin/js/plugins/justGage.1.0.1/resources/js/raphael.2.1.0.min.js")"></script>
        <script src="@Url.Content("/admin/js/plugins/justGage.1.0.1/resources/js/justgage.1.0.1.min.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/plugins/full-calendar/fullcalendar.min.js")"></script>
        
        <script src="@Url.Content("/admin/js/scripts.js")"></script>
        <script type="text/javascript" src="@Url.Content("/admin/js/jnavigate.jquery.min.js")"></script>

        @Scripts.Render("~/bundles/jquery")

        <script type='text/javascript'>
            $(window).load(function () {
                $('#loading').fadeOut();
            });

            $(document).ready(function () {
                $('body').css('display', 'none');
                $('body').fadeIn(500);

                $("#logo a, #sidebar_menu a:not(.accordion-toggle), a.ajx").click(function () {
                    event.preventDefault();
                    newLocation = this.href;
                    $('body').fadeOut(500, newpage);
                });

                function newpage() {
                    window.location = newLocation;
                }
            });
        </script>

        @RenderSection("scripts", required: false)
    </body>
</html>
